﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Presentation/master.Master" AutoEventWireup="true" CodeBehind="ItemMaintenanceUI.aspx.cs" Inherits="Staionery_Inventory.Presentation.Admin.ItemMaintenanceUI__Reload_" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
            <%-- Title--%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <label class="col-sm-8" style="font-size:xx-large">Item Maintenance</label>
            </div>

            <%-- ItemID --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblItemID" for="txtItemID" class="control-label col-sm-3">Item No: </label>
                <%-- btn --%><%-- txt --%>
                <div class="col-sm-3">
                    <div class="input-group">
                        <span class="input-group-btn">
                            <asp:Button ID="btnPrev" runat="server" Text="◀" class="btn btn-primary" 
                            onclick="btnPrev_Click" />
                        </span>
                        <asp:TextBox ID="txtItemID" runat="server" class="form-control" 
                             ReadOnly="True" ></asp:TextBox>
                        <span class="input-group-btn">
                            <asp:Button ID="btnNext" runat="server" Text="▶" class="btn btn-primary" 
                            onclick="btnNext_Click" />
                        </span>
                    </div>
                </div>
                <%-- btn --%>
                <div class="col-sm-1">
                    <asp:Button ID="btnSearch" runat="server" Text="Search" class="btn btn-success btn-sm" />
                </div>
            </div>

            <%-- Category --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblCategory" for="btnCategory" class="control-label col-sm-3">Category: </label>
                <%-- ddl --%>
                <div class="col-sm-3">
                    <asp:DropDownList ID="ddlCategory" CssClass="form-control" runat="server" Enabled="False">
                        <asp:ListItem Value="Choose a Category">Choose a Category</asp:ListItem>
                        <asp:ListItem>Clip</asp:ListItem>
                        <asp:ListItem>Envelope</asp:ListItem>
                        <asp:ListItem>Eraser</asp:ListItem>
                        <asp:ListItem>Exercise</asp:ListItem>
                        <asp:ListItem>File</asp:ListItem>
                        <asp:ListItem>Pen</asp:ListItem>
                        <asp:ListItem>Stapler</asp:ListItem>
                        <asp:ListItem>Puncher</asp:ListItem>
                        <asp:ListItem>Pad</asp:ListItem>
                        <asp:ListItem>Paper</asp:ListItem>
                        <asp:ListItem>Ruler</asp:ListItem>
                        <asp:ListItem>Tacks</asp:ListItem>
                    </asp:DropDownList>
                </div>
                <%-- btn --%>
                <div class="col-sm-1">
                    <asp:Button ID="btnCreateCategory" runat="server" Text="Add" 
                        class="btn btn-primary btn-sm" onclientclick="createCategory()" 
                        onclick="btnCreateCategory_Click"/>
                </div>
                <%-- txt --%>
                <div class="col-sm-2">
                    <asp:TextBox ID="txtCreateCategory" runat="server" class="form-control" 
                        placeholder="Category"></asp:TextBox>
                </div>
            </div>

            <%-- Description --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblDescription" for="txtDescription" class="control-label col-sm-3">Description: </label>
                <%-- txt --%>
                <div class="col-sm-4">
                    <asp:TextBox ID="txtDescription" runat="server" class="form-control" 
                        placeholder="Enter some descriptions" TextMode="MultiLine" ReadOnly="True" required></asp:TextBox>
                </div>
            </div>

            <%-- QtyLeft --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblQtyLeft" for="txtQtyLeft" class="control-label col-sm-3">Quantity Left: </label>
                <%-- txt --%>
                <div class="col-sm-2" onkeypress="return keypress(event)">
                    <asp:TextBox ID="txtQtyLeft" runat="server" class="form-control" 
                        placeholder="0" ReadOnly="True" required></asp:TextBox>
                </div>
            </div>
           
           <%-- ReorderLevel --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblReorderLevel" for="txtReorderLevel" class="control-label col-sm-3">Reorder Level: </label>
                <%-- txt --%>
                <div class="col-sm-2" onkeypress="return keypress(event)">
                    <asp:TextBox ID="txtReorderLevel" runat="server" class="form-control" 
                        placeholder="0" ReadOnly="True" required></asp:TextBox>
                </div>
            </div>

            <%-- ReorderQty --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblReorderQty" for="txtReorderQty" class="control-label col-sm-3">Reorder Qty: </label>
                <%-- txt --%>
                <div class="col-sm-2" onkeypress="return keypress(event)">
                    <asp:TextBox ID="txtReorderQty" runat="server" class="form-control" 
                        placeholder="0" ReadOnly="True" required></asp:TextBox>
                </div>
            </div>

            <%-- UnitofMeasure --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblUnitofMeasure" for="btnUnitofMeasure" class="control-label col-sm-3">Unit of Measure: </label>
                <%-- btn --%><%-- For demo only, no data at first, must get info from database --%>
                <div class="col-sm-3">
                    <asp:DropDownList ID="ddlUnitofMeasure" CssClass="form-control" runat="server" Enabled="False">
                        <asp:ListItem Value="Choose a Unit">Choose a Unit</asp:ListItem>
                        <asp:ListItem>Each</asp:ListItem>
                        <asp:ListItem>Box</asp:ListItem>
                        <asp:ListItem>Packet</asp:ListItem>
                        <asp:ListItem>Dozen</asp:ListItem>
                        <asp:ListItem>Set</asp:ListItem>
                    </asp:DropDownList>
                </div>
            </div>

            <%-- Location --%>
            <div class="form-group">
                <div class="col-sm-1"></div>
                <%-- lbl --%>
                <label id="lblLocation" for="txtLocation" class="control-label col-sm-3">Bin Id: </label>
                <%-- txt --%>
                <div class="col-sm-3">
                    <asp:TextBox ID="txtLocation" runat="server" class="form-control" 
                        placeholder="Enter Bin Id" ReadOnly="True" required></asp:TextBox>
                </div>
            </div>
            
            <%-- button group --%>
            <div class="form-group">
                <div class="col-sm-2"></div>
                <div class="col-sm-2">
                    <asp:Button class="btn btn-success btn-lg" ID="btnCreateItem" runat="server" 
                        Text="New" style="width:90px" onclick="btnCreateItem_Click" />
                </div>
                <div class="col-sm-2">
                    <asp:Button class="btn btn-primary btn-lg" ID="btnUpdate" runat="server" 
                        Text="Update" style="width:90px" onclick="btnUpdate_Click" />
                </div>
            </div>
       

        <%-- message label --%>
        <div class="form-group">
            <div class="col-sm-1"></div>
            <asp:Label ID="lblMessage" runat="server" Text="" class="control-label col-sm-8"></asp:Label>
            <asp:Button ID="btnDelete" runat="server" Text="Delete" 
                onclick="btnDelete_Click" Visible="False" />
        </div>
</asp:Content>
